.scroll-container {
    width: 100%;
    height: 100%;
    background-color: #7a6858;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-item {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.scroll-prev {
    bottom: 100vh;
}

.scroll-up>.scroll-prev {
    transform: translateY(100vh);
    transition: 1s;
}

.scroll-up>.scroll-prev {
    z-index: 1;
}

.scroll-next {
    top: 100vh;
}

.scroll-down>.scroll-next {
    top: 100vh;
    transform: translateY(-100vh);
    transition: 1s;
}

@keyframes upfloat {
    from {
        top: 0px;
    }

    to {
        top: 10px;
    }
}

@keyframes downfloat {
    from {
        bottom: 0px;
    }

    to {
        bottom: 10px;
    }
}